<template>
	<div>
		<div class="nav-bar">
			<span @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/mydingdan/quanbu`)">全部订单</span>
			<span @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/mydingdan/fukuan`)">待付款</span>
			<span @click="$router.push(`/home/gerenzhongxin/${$route.params.id}/mydingdan/paisong`)">已付款</span>
			
		</div>
		<div>
			<router-view />

		</div>
		
	</div>
</template>

<script>
	export default {

	}
</script>

<style lang="scss" scoped>
	.nav-bar {
		width: 100%;
		height: 30px;
		display: flex;
		flex: 1;
		justify-content: space-between;
		box-sizing: border-box;
		flex: 1;

		>span {
			line-height: 30px;
			box-sizing: border-box;
			flex: 1;
			font-weight: 400;
			background-color: #D3D3D3;

		}
	}
</style>
